<div class="row">
    <ul class="nav nav-tabs m-l-15">
        <li class="active"><a href="#tab1" data-toggle="tab">socket在线</a></li>
        <li><a href="#tab2" data-toggle="tab">socket日志</a></li>
    </ul>
    <div class="tab-content p-t-2">
        <div class="tab-pane fade active in" id="tab1">
            <table id="online-socket-table" class="table table-striped table-bordered"></table>
        </div>
        <div class="tab-pane fade" id="tab2">
            <div class="pull-left p-3">
                <form class="user-table-form">
                    <div class="input-group">
                        <span class="input-group-addon"> 搜索用户: </span>
                        <div class="form-group">
                            <input type="text" id="username" name="username" class="form-control"> <i class="form-group__bar"></i>
                        </div>
                        <span class="input-group-addon"><a href="javascript:void(0);" onclick="$JuXue.refreshTable('log-socket-table');"><i class="fa  fa-search"></i></a></span>
                    </div>
                </form>
            </div>
            <table id="log-socket-table" class="table table-striped table-bordered"></table>
        </div>
    </div>
</div>
<script data-th-src="@{js/app/system/log/socket.js}"></script>